/*   
Theme Name: Fresh Bird
Theme URI: -
Description: Themes for Fresh Bird
Author: EYES
Author URI: http://eyesimple.us
Version: 1
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*layout*/
@font-face{  font-family: 'helveticaN';  src: url('fonts/helveticanueu.ttf') format('opentype'); font-weight: normal; font-style: normal; }
@font-face{  font-family: 'helveticaNI';  src: url('fonts/helveticanueu-italic.ttf') format('opentype'); font-weight: normal; font-style: normal; }
@font-face{  font-family: 'helveticaNB';  src: url('fonts/helveticanueu-bold.otf') format('opentype'); font-weight: normal; font-style: normal; }
@font-face{  font-family: 'helveticaNL';  src: url('fonts/helveticanueu-light.ttf') format('opentype'); font-weight: normal; font-style: normal; }
@font-face{  font-family: 'helveticaNLI';  src: url('fonts/helveticanueu-lightitalic.ttf') format('opentype'); font-weight: normal; font-style: normal; }
@font-face{  font-family: 'swissL';  src: url('fonts/swiss-light.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face{  font-family: 'garamondI';  src: url('fonts/garamond-italic.ttf') format('truetype'); font-weight: normal; font-style: normal; }

html{ position: relative; left: 0px; min-width: 100%; min-height: 100%; }
body{ width: 100%; position: absolute; top:0px; left:0px; bottom:0px; height: 100%; font-family: 'helveticaN'; line-height: 12px; }

a{ text-decoration: none; text-transform: uppercase; }

h1,h2,h3{ font-family: 'helveticaNB'; }
h3{ font-size: 17px; }

.clear{ clear: both; }
.wrapper{ margin: 0 auto; width: 715px; position: relative; }

.section{ position: relative; left: 0px; margin-bottom: 5px; }
.section:nth-child(2), #faq.section, #news.section, #mail.section{ margin-top: 180px; }

.full{ width: 100%; }
.last{ margin-right: 0px !important; }

.fl{ float: left; }
.fr{ float: right; }

.txt-left{ text-align: left !important; }
.txt-right{ text-align: right !important; }

.column{ float: left; margin-right: 5px; margin-bottom: 5px; position: relative; }
.col1{ width: 225px; }
.col2{ width: 485px; }
.last-row{ margin-bottom: 0px !important; }

/*header*/
.header{ float: left; width: 100%; position: fixed; background: rgba(255,255,255,1); top: 0px; z-index: 200; }
.header .logo{ border-top: 8px solid #faa123; padding-top: 55px; padding-bottom: 15px; float: left; margin-right: 60px; }

.header .main-menu{ float: left; margin-top: 90px; }
.header .main-menu ul li{ float: left; margin-right: 22px; }
.header .main-menu ul li a{ padding: 15px; display: block; font-size: 12px; color: #7a7a7a; font-family: 'helveticaN'; }
.header .main-menu ul li:hover, .header .main-menu ul li.active{ border-bottom: 3px solid #faa123; }

/*footer*/
.footer{ font-family: 'helveticaNL'; float: left; width: 100%; text-align: right; padding-top: 10px; padding-bottom: 60px; border-bottom: 8px solid #faa123; color: #565656; font-size: 10px; }

/*nivoslider*/
#slider{ position: relative; }
.nivo-controlNav{ position: absolute; bottom: 30px; left: 25px; width: 100%; z-index: 100; }
.nivo-controlNav a{ text-indent: -9999px; float: left; background: url('images/nav-slide.png') no-repeat; width: 10px; height: 10px; background-position: -12px 0px; display: block; margin-right: 5px; }
.nivo-controlNav a.active{ background-position: 0px 0px; }

#worldwide{ position: relative; background: url('images/worldwide.png') no-repeat 100% 100%; width: 715px; height: 160px; background-size: 100% 100%; }
#worldwide .description{ position: absolute; left: 210px; top: 30px; width: 220px; }
#worldwide .description h3{ color: #f9a122; margin-bottom: 10px; }
#worldwide .description p{ color: #a6a6a6; font-size: 10px; }

#iso{ background: #881d02; padding: 20px 0px; text-align: center; }

#contact{ position: relative; background: url('images/contact.png') no-repeat; width: 100%; height: 241px; }
#contact .description{ position: absolute; top: 45px; right: 0px; width: 350px; color: #ffcc00; font-size: 10px; height: 195px; }
#contact .description h3{ color: #d3d3d3; margin-bottom: 25px; }
#contact .description p{ color: #ffcc00; font-size: 10px; font-family: 'swissL'; }
#contact .email{ margin-top: 30px; }
#contact .email .to{ margin-bottom: 10px; }
#contact .email span{ font-family: 'helveticaNLI'; margin-left: 5px; position: relative; bottom: 3px; font-family: 'helveticaN'; font-style: italic; font-size: 10px; color: #fff; }
#contact .actions{ position: absolute; right: 40px; bottom: 20px; }
#contact .actions a{ color: #fff; font-family: 'helveticaNI'; font-style: italic; font-size: 10px; }
#contact .actions .bx-prev{ margin-right: 15px; }

#about{ position: relative; background: url('images/about.png') no-repeat; width: 713px; height: 593px; }
#about .description{ position: absolute; top: 85px; right: 0px; }
#about .description .content-col{ float: left; margin-right: 20px; width: 290px; }
#about .description p{ color: #fff; font-size: 12px; font-family: 'helveticaN'; line-height: 15px; }
#about .description h3{ color: #fff; font-family: 'helveticaN'; }

#faq .faq-menu{ float: left; background: #f8b820; padding: 45px 0px; min-height: 700px; }
#faq .faq-menu h3{ margin: 0px 40px 10px 40px; color: #fff; }
#faq .faq-menu ul li{ width: 230px; }
#faq .faq-menu ul li a{ display: block; font-family: 'swissL'; font-size: 10px; color: #565656; padding: 5px 40px; }
#faq .faq-menu ul li:hover a, #faq .faq-menu ul li.active a{ background: url('images/faq-menu-arrow.png') no-repeat 100% 100%; background-size: 100% 100%; color: #fff; }
#faq .faq-content{ float: left; margin-left: 5px; width: 390px; padding: 45px; background: #565656; //height: 560px; }
#faq .faq-content p{ color: #fff; font-family: 'swissL'; font-size: 12px; line-height: 15px; }
#faq .faq-content h4{ color: #f8b720; font-weight: normal; font-family: 'swissL'; font-size: 12px; line-height: 15px; }
#faq .faq-content .slider > div{ min-height: 700px !important; }
#faq .faq-content h5{ font-family: 'swissL'; font-size: 18px; color: #f8b720; line-height: 20px; width: 200px; }
#faq .faq-content h5, #faq .faq-content img{ margin-bottom: 20px; }

#news .pic.container{ width: 100%; height: 250px; overflow: hidden; }
#news .pic.container img{ max-width: 100%; }
#news .description{ padding: 30px; background: #890000; }
#news .description h3{ color: #fff; float: left; line-height: 20px; }
#news .description p{ color: #dedede; font-family: 'helveticaN'; font-size: 10px; line-height: 15px; }
#news .full .description h3{ margin-right: 30px; }
#news .col1 .description h3, #news .col2 .description h3{ margin-bottom: 15px; width: 100%; }
#news .col1 .pic.container{ height: 230px !important; }
#news .col1 .pic.container img{ max-width: none !important; max-height: 230px; }
#news .col2 .pic.container{ height: 265px !important; }
#news .col2 .pic.container img{ max-width: none !important; max-height: 265px !important; }
#news .odd, #news .even{ height: 150px; }
#news .odd .description{ width: 200px; height: 60px; padding: 45px 45px 45px 85px; float: left; }
#news .odd .description h3, #news .even .description h3{ width: 100%; margin-bottom: 10px; }
#news .odd .pic.container, #news .even .pic.container{ width: 385px; height: 150px; float: left; }
#news .even .description{ width: 200px; float: left; padding: 45px 85px 45px 45px; height: 60px; }
#more_news{ float: right; font-size: 10px; }
#news_detail{ background: #890000; padding: 65px 40px 65px 50px; position: relative; }
#news_detail .news-content p{ -moz-column-count: 2; -moz-column-gap: 30px; -webkit-column-count: 2; -webkit-column-gap: 30px; column-count: 2; column-gap: 30px; }
#news_detail .news-content p{ font-size: 10px; font-family: 'helveticaN'; color: #dedede; line-height: 15px; }
#news_detail h3{ color: #f7b820; margin-bottom: 20px; }
#news_detail .back{ color: #dedede; font-style: italic; font-size: 10px; font-family: 'helveticaN'; float: right; text-transform: initial; position: relative; bottom: -25px; }
#news .col2{ width: 485px !important; }

#mail .col-box{ float: left; }
#mail .mail-content{ padding: 40px 55px 40px 60px; background: #f9b71b; }
#mail h3{ color: #fff; margin-bottom: 25px; }
#mail label{ color: #fff; float: left; min-width: 60px; font-size: 12px; margin-top: 5px; margin-bottom: 10px; }
#mail span{ float: left; }
#mail input[type="text"]{ width: 200px; }
#mail textarea{ width: 100%; height: 147px; }
#mail .field{ float: left; width: 100%; margin-bottom: 10px; position: relative; }
#mail .LV_invalid{ font-size: 10px; color: red; position: absolute; top: 23px; left: 0px; }
#mail .LV_valid{ display: none; }

#products .description{ padding: 45px 30px 35px 30px; position: relative; }
#products .description h3{ color: #f7b820; margin-bottom: 15px; }
#products .description p{ color: #fff; font-size: 10px; line-height: 15px; font-family: 'helveticaN'; margin-bottom: 10px; }

#products .description.red{ background: #881d02; }
#products .description.gray{ background: #efefef; }
#products .description.gray p{ color: #a1a1a1; }

#products .description.yellow{ background: #f7b820; }
#products .description.yellow h3{ color: #fff; }

#products .pic.container{ overflow: hidden; }
#products .pic.container img{ width: 100%; height: 100%; }

#products .wide .description{ float: left; width: 215px; text-align: right; }
#products .wide .pic.container{ float: left; height: 210px; width: 210px; }
#products .wide .pic.container img{ height: 210px; }

#products .wide.first .pic.container{ float: left; width: 225px; height: 230px; }
#products .wide.first .pic.container img{ height: 230px; }
#products .wide.first .description{ width: 200px; }

#products .tall .pic.container{ height: 215px; }

#products .additional-info{ margin-bottom: 10px; }
#products .additional-info a{ color: #fff; }
#products .additional-info span:nth-child(1){ font-family: 'helveticaNB'; font-size: 15px; padding-right: 10px; padding-bottom: 10px; }
#products .additional-info span:nth-child(2){ font-family: 'garamondI'; font-size: 15px; padding-right: 5px; }
#products .additional-info span:nth-child(3){ display: inline-block; background: url('images/arrows2.png') no-repeat; width: 10px; height: 12px; background-position: 0px 2px; }
#products .gray .additional-info span:nth-child(3), #products .red .additional-info span:nth-child(3){ background-position: 0px -23px; }
#products .gray .additional-info span{ color: #979797; }

//#products table tr td{ color: #fff; }
//#products table tr td:nth-child(1){ font-family: 'helveticaNB'; font-size: 15px; padding-right: 10px; padding-bottom: 10px; }
//#products table tr td:nth-child(2){ font-family: 'garamondI'; font-size: 15px; padding-right: 5px; }
//#products table tr td:nth-child(3){ background: url('images/arrows2.png') no-repeat; width: 10px; height: 10px; background-position: 0px 2px; }
//#products table tr td:nth-child(3) a{ width: 10px; display: block; height: 10px; }
//#products .gray table tr td:nth-child(3), #products .red table tr td:nth-child(3){ background-position: 0px -23px; }
//#products .gray table td{ color: #979797; }

#products .arrow{ position: absolute; width: 15px; height: 19px; background: url('images/arrows.png') no-repeat; background-position: 0px 0px; }
#products .arrow.rotate{ -moz-transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }

#products .gray .arrow{ background-position: 0px -19px; }

/*validation*/
.mail-content form{ position: relative; float: left; }
div.wpcf7-validation-errors{ border: none !important; position: absolute; color: red; position: absolute; bottom: -30px; right: -35px; width: 215px; line-height: 15px; }
span.wpcf7-not-valid-tip{ border: none !important; color: red !important; background: none !important; top: 5px !important; left: 5px !important; }